<div class="uk-grid">
    <div class="uk-width-3-4@l">

        <form class="uk-form" method="post" action="{url()}" data-dux="form-bind" data-advanced="false" data-callback="formSubmit">
            <div class="uk-form-group">
                <select name="node_id">
                    <!--loop{$nodeList as $vo}-->
                    <optgroup label="{$vo.name}">
                        <!--if{$vo.node}-->
                        <!--loop{$vo.node as $node}-->
                        <option value="{$node.node_id}">{$node.name}</option>
                        <!--{/loop}-->
                        <!--{/if}-->
                    </optgroup>
                    <!--{/loop}-->
                </select>
            </div>

            <div class="uk-form-group">
                <input type="text" name="title" placeholder="请填写标题">
            </div>

            <div class="uk-form-group">

                <div class="dux-topic-editor">
                    <ul class="editor-info">
                        <li>请注意单词拼写，以及中英文排版，<a href="https://github.com/sparanoid/chinese-copywriting-guidelines">参考此页</a>
                        </li>
                        <li>支持 Markdown 格式, <strong>**粗体**</strong>、~~删除线~~、<code>`单行代码`</code>, 更多语法请见这里 <a
                                href="https://github.com/riku/Markdown-Syntax-CN/blob/master/syntax.md">Markdown 语法</a></li>
                        <li>上传图片, 需要上传至图床</li>
                        <li>发布框支持本地存储功能，会在内容变更时保存，「提交」按钮点击时清空</li>
                    </ul>
                    <textarea id="editor" name="markdown" data-dux="topics-editor"></textarea>
                </div>
            </div>
            <div class="uk-form-group">
                <input type="text" name="tags" placeholder="可选内容话题，不填写自动分配" data-dux="form-tags">
            </div>
            <div class="uk-text-right"><button type="submit" class="uk-button uk-button-success">发布</button></div>
        </form>
        <div class="uk-padding"></div>

    </div>
    <div class="uk-width-1-4@l">
        <div class="uk-card uk-card-default uk-card-small">
            <div class="uk-card-header">
                以下类型的信息会污染我们的社区
            </div>
            <div class="uk-card-body">
                <ul>
                    <li>请传播美好的事物，这里拒绝低俗、诋毁、谩骂等相关信息</li>
                    <li>请尽量分享技术相关的话题，谢绝发布社会, 政治等相关新闻</li>
                    <li>这里绝对不讨论任何有关盗版软件、音乐、电影如何获得的问题</li>
                </ul>
            </div>
        </div>
        <div class="uk-card uk-card-default uk-card-small">
            <div class="uk-card-header">
                在高质量优秀社区的我们
            </div>
            <div class="uk-card-body">
                <ul class="list">
                    <li>分享生活见闻, 分享知识</li>
                    <li>接触新技术, 讨论技术解决方案</li>
                    <li>为自己的创业项目找合伙人, 遇见志同道合的人</li>
                    <li>自发线下聚会, 加强社交</li>
                    <li>发现更好工作机会</li>
                    <li>甚至是开始另一个神奇的开源项目</li>
                </ul>
            </div>
        </div>
    </div>

</div>
<script>
    Do('editor_md', function () {
        window.formSubmit = function (msg, url) {
            window['editor'].clearAutosavedValue();
            window.location.href = url;
        };
    });
</script>